<!-- <div id="sidebar" class="sw-sidebar" ng-init="$ctrl.init()">
  <div class="row" ng-if="!$ctrl.isInit">
    <div class="spinner-border text-primary" role="status">
      <span class="sr-only">Loading...</span>
    </div>
  </div>
  <select class="btn btn-outline-secondary form-select" ng-if="$ctrl.roles.length > 1"
    ng-options="item as item.name for item in $ctrl.roles track by item.name" ng-model="$ctrl.role"></select>
  <ul ng-if="$ctrl.roles" class="sw-links pt-2" id="sw-docs-nav" data-children=".sw-toc-item">
    <li ng-repeat="permission in $ctrl.role.permissions | orderBy: 'priority' ">
      <main-side-bar-item-dynamic item="permission" icon-size="'mi-lg'" item-style="'sw-toc-link'">
      </main-side-bar-item-dynamic>
    </li>
    <li class="sw-toc-item mt-1 mb-5"></li>
  </ul>
</div> -->

<nav class="bd-links pb-4 bt-2" id="bd-docs-nav" aria-label="Docs navigation" ng-init="$ctrl.init()">
    <!-- <h2 class="h6 pb-3 mb-4 border-bottom"><i data-feather="home"></i> Portal</h2> -->
    <nav class="small" id="toc">
        <select class="btn btn-outline-secondary form-select" ng-if="$ctrl.roles.length > 1" ng-options="item as item.name for item in $ctrl.roles track by item.name" ng-model="$ctrl.role"></select>
        <ul ng-if="$ctrl.roles" class="list-unstyled" data-children=".sidebar-menu-item">
            <li class="sidebar-menu-item-main sidebar-menu-item my-1" ng-repeat="permission in $ctrl.role.permissions | orderBy: 'priority' ">
                <main-side-bar-item-dynamic item="permission" icon-size="'mi-lg'" item-style="'ps-0 btn'">
                </main-side-bar-item-dynamic>
            </li>
        </ul>
    </nav>
</nav>